<!--
  Generated template for the AboutUsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<extendheader [title]="title">
  <button ion-button item-end icon-left class="left" (click)="back()">
    <ion-icon name="ios-arrow-back"></ion-icon>
    返回
  </button>
  <!-- <ion-icon name="ios-arrow-back" class="left" style="margin-left:10px;font-size:20px;color:#fff;" (click)="back()"></ion-icon> -->

</extendheader>

<ion-content>
  <div style="background:#f3f8ff;height:100%;width:100%;">
    <div style="width:100%;height:60vw;background:rgb(69, 133, 255);color:#fff;margin-bottom:10px;text-align:center;">
      <img src="./assets/imgs/logo.png" alt="" style="width:100px;margin-top:40px;">
      <p style="color:#fff;font-size:16px;margin:5px;margin-top:-20px;">文什云MES移动平台</p>
      <p style="font-size:12px;color:#fff;margin-top:-4px;">版本号 V{{versionnumber}}</p>
    </div>
    <div class="content">
      <div class="btn" (click)="checkUpdate(false)">
        <div class="btncontent">
          <span>版本更新</span>
          <time style="font-size:1.4rem;" *ngIf="hasNewVersion">有新版本可用</time>
          <time style="font-size:1.4rem;" *ngIf="!hasNewVersion">当前是最新版本</time>
        </div>

      </div>
      <button ion-item class="item-button">
       版本功能介绍
      </button>
      <button ion-item class="item-button" style="margin:20px 0;">
         法律条款
      </button>
      <!-- <ul style="margin:0;padding:0;list-style:none;">
        <li>
          <span style="font-size:16px;">版本更新</span>
          <time style="font-size:12px;">{{versionUpdate}}</time>
        </li>
        <li style="padding:0 10px;">
          <p style="height:1px;background:#eee;margin:0;width:100%;"></p>
        </li>
        <li>
          <span  style="font-size:16px;">版本功能介绍</span>
          <ion-icon name="ios-arrow-forward"></ion-icon>
        </li>
        <li style="margin-top:10px;">
          <span style="font-size:16px;">法律条款</span>
          <ion-icon name="ios-arrow-forward"></ion-icon>
        </li>
      </ul> -->
    </div>

    <confirm-modal *ngIf="showAppUpdate">
      <div class="msg">
        <p>下载进度</p>
        <div style="background: #488aff;width: 1%;height: 26px;" [ngStyle]="{'width': processSpeed}"></div>
      </div>
    </confirm-modal>
  </div>

</ion-content>
